import { ProCard } from "@ant-design/pro-components";
import { Collapse, Typography } from "antd";

import React from "react";

const { Panel } = Collapse;
const { Paragraph } = Typography;

const Page15: React.FC = () => {
  return (
    <div style={{ padding: 24 }}>
      <h1>折叠面板页面</h1>
      <ProCard>
        <Collapse defaultActiveKey={["1"]}>
          <Panel header="常见问题" key="1">
            <Paragraph>
              这是一个常见问题的解答内容。您可以在这里放置详细的说明和解决方案。
            </Paragraph>
          </Panel>
          <Panel header="使用说明" key="2">
            <Paragraph>
              这是使用说明的内容。包含了详细的操作步骤和注意事项。
            </Paragraph>
          </Panel>
          <Panel header="联系我们" key="3">
            <Paragraph>
              如果您有任何问题，请通过以下方式联系我们：
              邮箱：support@example.com 电话：400-123-4567
            </Paragraph>
          </Panel>
        </Collapse>
      </ProCard>
    </div>
  );
};

export default Page15;
